<template>
    <table border="1">
        <tr>
            <td colspan="2" style="text-align:center;font-size:30px;">排房信息-添加</td>
        </tr>
        <tr>
            <td>房间名称</td>
            <td>
                <select v-model="Info.T_Id">
                    <option :value="0">--请选择--</option>
                    <option v-for="item in Type" :value="item.T_Id">{{item.T_Name}}</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>房号</td>
            <td>
                <select v-model="Info.N_Id">
                    <option :value="0">--请选择--</option>
                    <option v-for="item in Num" :value="item.N_Id">{{item.N_Name}}</option>
                </select>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="text-align:center;">
                <input type="button" value="添加" @click="addorder"/>
            </td>
        </tr>
    </table>
</template>

<script setup lang="ts">
import {ref,onMounted} from 'vue'
import axios from 'axios'
import {useRouter} from 'vue-router'

//创建路由的实例
const router=useRouter();

//生命周期钩子
onMounted(()=>{
    GetType();
    GetNum();
})

//下拉框
const Type=ref([{
    T_Id:0,
    T_Name:""
}])

//显示下拉框
const GetType=()=>{
    axios.get("https://localhost:7205/api/RoomNumber/GetType")
    .then(res=>{
        Type.value=res.data;
    })
    .catch(err=>{
        console.log(err);
    })
}

//房号
const Num=ref([{
    N_Id:0,
    N_Name:""
}])

//获取房号
const GetNum=()=>{
    axios.get("https://localhost:7205/api/RoomOrder/GetNum")
    .then(res=>{
        Num.value=res.data;
    })
    .catch(err=>{
        console.log(err);
    })
}

//响应式数据
const Info=ref({
    O_Id:0,
    T_Id:0,
    N_Id:0,
    O_IsDel:true,
})

//保存数据
const addorder=()=>{
    axios.post("https://localhost:7205/api/RoomOrder/AddRoomOrder",Info.value)
    .then(res=>{
        if(res.data>0)
        {
            alert("添加成功");
            router.push("/ShowRoomOrder");
        }
        else if(res.data==-1)
        {
            alert("改房号已经存在，不能再添加");
            return;
        }
        else{
            alert("添加失败");
        }
    })
}
</script>